﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Booking.aspx.cs" Inherits="BlueMarineWebClient.Search" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <title>Booking Room _ Blue Marine Hotel Offical Website _ we offer the best !!</title>

<script type="text/javascript" src="Scripts/jsDatePick.min.1.3.js"></script>
<script type="text/javascript">
    window.onload = function () {
        C1 =new JsDatePick({
            useMode: 2,
            target: "TopMainContent_txtDateFrom",
            dateFormat: "%d/%m/%Y"
        });
        C2 = new JsDatePick({
            useMode: 2,
            target: "TopMainContent_txtDateTo",
            dateFormat: "%d/%m/%Y"
        });
    };
    
</script>
<link rel="stylesheet" type="text/css" media="all" href="Styles/jsDatePick_ltr.min.css" />
    <style type="text/css">
        .style1
        {
            width: 70px;
        }
        .style2
        {
            width: 292px;
            text-align:left;
            padding-left: 50px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TopMainContent" runat="server">
    <form id="form1" runat="server">
<div class="content_box">
<h2>Looking for a Room as You like !</h2>

   <table>
       <tr class="content_box">
    <td >Date From: </td><td>
        <asp:TextBox ID="txtDateFrom" runat="server"  Width="70px"></asp:TextBox>


        </td><td>
               
               To: </td><td class="style1">
        <asp:TextBox ID="txtDateTo" runat="server" Width="70px"></asp:TextBox>


        </td><td rowspan=3 class="style2"><img src="images/little-blue-bird.png" height="100"></img></td>
    </tr>
    <tr>
    <td >Price From: </td><td class="style1">
        $<asp:DropDownList ID="ddlPriceFrom" runat="server">
            <asp:ListItem>0</asp:ListItem>
            <asp:ListItem>40</asp:ListItem>
            <asp:ListItem>80</asp:ListItem>
            <asp:ListItem>120</asp:ListItem>
            <asp:ListItem>160</asp:ListItem>
            <asp:ListItem>200</asp:ListItem>
            <asp:ListItem>240</asp:ListItem>
            <asp:ListItem>280</asp:ListItem>
        </asp:DropDownList>
        </td><td >To: </td><td class="style1">
        $<asp:DropDownList ID="ddlPriceTo" runat="server">
            <asp:ListItem>0</asp:ListItem>
            <asp:ListItem>40</asp:ListItem>
            <asp:ListItem>80</asp:ListItem>
            <asp:ListItem>120</asp:ListItem>
            <asp:ListItem>160</asp:ListItem>
            <asp:ListItem>200</asp:ListItem>
            <asp:ListItem>240</asp:ListItem>
            <asp:ListItem>280</asp:ListItem>
        </asp:DropDownList>
        </td>
    </tr>
    <tr>
    <td colspan=3>
        <asp:CheckBox ID="chbView" runat="server" Text="View" />
        <asp:CheckBox ID="chbBath" runat="server" Text="Bath" />
        <asp:CheckBox ID="chbBalcony" runat="server" Text="Balcony" />

            
        </td><td class="style1">
            <asp:Button ID="btnSearch" runat="server" Text="Search" 
                onclick="btnSearch_Click" class="bluebutton" />
        </td>
    </tr>
    </table>   
     <p>
         <asp:Label ID="lblResult" runat="server"></asp:Label>

    </p>
    <p>
         <asp:Label ID="lblSuggestPrice" runat="server"></asp:Label>

    &nbsp;<asp:Button ID="btnSearchPrice" runat="server" Text="Price" 
                onclick="btnSearchPrice_Click" class="bluebutton" Visible="False" />

    </p>
    <p>
         <asp:Label ID="lblSuggestFeature" runat="server"></asp:Label>

    &nbsp;<asp:Button ID="btnSearchFeatures" runat="server" Text="Feature" 
                onclick="btnSearchFeatures_Click" class="bluebutton" Visible="False" />
    </p>

   <asp:DataList ID="dlRoomType" runat="server" Width="100%" 
            onselectedindexchanged="dlRoomType_SelectedIndexChanged" 
        EnableTheming="False" RepeatDirection="Horizontal" RepeatLayout="Flow">
            <ItemTemplate>
                <h2><asp:Label ID="lblPrTitle" runat="server" Text='<%# Eval("RoomTypeTitle") %>'></asp:Label></h2>
                 <div class="image_wrapper image_fl"><span></span>
                    <asp:Image ID="imgPrImage" runat="server" width="130px" Height="107px" ImageUrl='<%# Eval("RoomTypeID", "images/room/{0}.jpg") %>' />
                </div>
                <p>
		             <asp:Label ID="lblRoomID" runat="server" Text='<%# Eval("RoomID") %>' Font-Bold="True"></asp:Label>
                </p>
                <p>
		            &nbsp<asp:Label ID="Label1" runat="server" Text='<%# Eval("RoomRank") %>' 
                        Font-Bold="True" ForeColor="#aeaeae"></asp:Label>
                </p>
                <p>
		            $/day <asp:Label ID="lblPrice" runat="server" Text='<%# Eval("RoomPrice") %>' 
                        Font-Bold="True" ForeColor="#2c93a6"></asp:Label>
                </p>
                <p>
                    <asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Eval("View") %>' Text="View" />
                    <asp:CheckBox ID="CheckBox2" runat="server" Checked='<%# Eval("Bath") %>' Text="Bath" />
                    <asp:CheckBox ID="CheckBox3" runat="server" Checked='<%# Eval("Balcony") %>' Text="Balcony" />
                </p>
                <p>
                    <asp:Button ID="btnTake" runat="server" CommandName="Select" 
                        class="bluebutton" Text="Take" />
                </p>
                
                <div class="cleaner"></div>                
            </ItemTemplate>
        </asp:DataList>        

    <asp:LinkButton ID="lbtnFirst" runat="server" OnClick="lbtnFirst_Click" 
        Visible="False">&lt;&lt;</asp:LinkButton>
    &nbsp;<asp:LinkButton ID="lbtnPrevious" runat="server" 
        OnClick="lbtnPrevious_Click" Visible="False">&lt;</asp:LinkButton>&nbsp;
    <asp:DataList
        ID="dlPaging" runat="server" RepeatDirection="Horizontal" Height="16px"
        OnItemCommand="dlPaging_ItemCommand" OnItemDataBound="dlPaging_ItemDataBound"
        RepeatLayout="Flow" Visible="False">
        <ItemTemplate>
            <asp:LinkButton ID="lbtnPaging" runat="server" CommandArgument='<%# Eval("PageIndex") %>'
                CommandName="lbtnPaging" Text='<%# Eval("PageText") %>'></asp:LinkButton>
        </ItemTemplate>
    </asp:DataList>
    &nbsp;<asp:LinkButton ID="lbtnNext" runat="server" OnClick="lbtnNext_Click" 
        Visible="False">&gt;</asp:LinkButton>&nbsp;<asp:LinkButton
        ID="lbtnLast" runat="server" OnClick="lbtnLast_Click" Visible="False">&gt;&gt;</asp:LinkButton><br />

    <div class="block_content" style="width:auto;height:auto;min-height:0;position: fixed;bottom: 0px;bottom: 50%;right: 0px;z-index: 1000000;">

    <asp:GridView ID="gvBookingList" runat="server" 
        onrowdatabound="gvBookingList_RowDataBound" Width="100%" 
        AutoGenerateColumns="False" onrowdeleting="gvBookingList_RowDeleting" 
        ShowFooter="True">
        <Columns>
                <asp:BoundField DataField="RoomID" HeaderText="RoomID" FooterText="Total" 
                    ReadOnly="True">
                    <ItemStyle HorizontalAlign="Center" />
                </asp:BoundField>
                <asp:BoundField DataField="Price" HeaderText="Price" DataFormatString="{0:c}" ReadOnly="True">
                    <ItemStyle HorizontalAlign="Right" />
                </asp:BoundField>
                <asp:BoundField DataField="InDate" HeaderText="InDate" 
                    DataFormatString="{0:d}" />
                <asp:BoundField DataField="OutDate" HeaderText="OutDate" 
                    DataFormatString="{0:d}" />
                <asp:BoundField DataField="Amount" HeaderText="Amount" DataFormatString="{0:c}" FooterText="TotalAmount"
                    ReadOnly="True">
                    <ItemStyle HorizontalAlign="Right" />
                    <FooterStyle HorizontalAlign="Right" />
                </asp:BoundField>
                <asp:CommandField HeaderText="Operation" ShowDeleteButton="True" 
                    ShowHeader="True" DeleteText="Remove" />
            </Columns>

    </asp:GridView>
 
    <p>
                <asp:Button ID="btnBook" runat="server" Text="Book" class="bluebutton" 
                    Width="100%" onclick="btnBook_Click" />
        
    </p>

    </div>


</div>

    </form>
</asp:Content>


